﻿





/*******************/
/* WEBGRID TEST */
/*******************/

/*thead tr {
    background-color: #a0a5ad;
}*/

table tr {
    background-color: #a0a5ad;
}

table tr:nth-child(even) td {
    background-color: #ccdbed;
}

table tr:nth-child(odd) td {
    background-color: #b4c2d4;
}

table {
    display: inline-block;
    /*padding-left: 72px;*/
}

th {
    text-align:left;
}

table tr:hover td{
    background:#8ea2b0;
}


/*******************/
/* MAIN CONTAINERS */
/*******************/

div#container {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

div#header {
    position:absolute;
    width:750px;
    height:200px /*!important*/;
    top:25px;
    left:0px;
    right:0px;    
    margin:0 auto;
    text-align:center; 
}

div#main {
    display:block;
    position:absolute;
    width:750px; /*750*/
    height:550px /*!important*/;    
    top:150px;
    left:0px;
    right:0px;    
    margin:0 auto;
    /*border:5px solid;*/
    /*border-color:#50738d;*/
    border-radius:10px;
    background-color:#bcc5cf;
    box-shadow: 0px 0px 25px 15px rgba(60,70,85,0.3);
}

div#contentHeader {
    position:absolute;
    top:12px;
    width:inherit;
    text-align:center;
    background-color:#636d76;
}

div#pageContent {
    position:absolute;
    top:85px;
    width:inherit;
    /*height:400px;*/
    /*overflow:auto;*/
}

div#centeredDiv {
    margin-left:260px;  
}

div#footer {
    position:absolute;
    width:750px;
    height:50px /*!important*/;
    top:700px;
    left:0px;
    right:0px;
    margin:0 auto;
    text-align:center;  
}



/**********************/
/* SPECIAL CONTAINERS */
/**********************/

div#table {
    margin-top:24px;
    width:auto;
    height:400px;
    overflow:auto;
    margin-left:72px;
    font-size:smaller;
}



/*******************/
/*      GLOBAL     */
/*******************/

div {
}

.indent10 {
    margin-left:10px;
}

.bkgGradient {
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #576D80),
	color-stop(1, #CFE9FF)
);
    background-image: -o-linear-gradient(bottom, #CFE9FF 0%, #576D80 100%);
    background-image: -moz-linear-gradient(bottom, #CFE9FF 0%, #576D80 100%);
    background-image: -webkit-linear-gradient(bottom, #CFE9FF 0%, #576D80 100%);
    background-image: -ms-linear-gradient(bottom, #CFE9FF 0%, #576D80 100%);
    background-image: linear-gradient(to bottom, #CFE9FF 0%, #576D80 100%);
}

.color-black {
    color:black;
}

.color-white {
    color:white;
}



/*******************/
/* TRANSFORMATIONS */
/*******************/

#bg { 
    position:fixed; 
    top:0; 
    left:0; 
}

.bgwidth { 
    width:100%; 
}

.bgheight { 
    height:100%; 
}

@media screen and (max-width:750px) {
    div#header { width:400px; }
	div#main { width:420px; }
    div#footer { width:400px; }
    h3#footer-copyright { left:120px; }
    div#centeredDiv { margin-left:85px; }
    div#table { font-size:small; margin-left:40px; }
}

@media screen and (max-width:400px) {
    div#header { width:250px; }
	div#main { width:250px; }
    div#footer { width:250px; }
    h3#footer-copyright { left:30px; }
    div#centeredDiv { margin-left:50px; }
    div#table { margin-left:0px; }
}